.wraper{
	height: 100%;
	&.h{
		overflow: hidden;
	}
}

.iphone .line{
	height: 73px;
}
.iphone .nav-bar{
	top: 30px;
}
.invite-new.iphone .nav-bar{
	top: 30px;
}

.iphoneX .line{
	height: 40px;
}
.iphoneX .nav-bar{
	top: 40px;
}
.invite-new.iphone.iphoneX .nav-bar{
	top: 40px;
}
.invite-new.android .nav-bar{
	top:20px;
}
.invite-new.android .time-btn i{
	transform: translateY(-2px);
}
.invite-new.android .back-choice span.down::after{
	top:2px;
}
.invite-new.android .loading img{
	transform: translateY(-2px);
}


.nav-bar{
	position: fixed;
	left: 0;
	top: 10px;
	right: 0;
	z-index: 30;
	margin-bottom: 0;
	height: 40px;
	line-height: 40px;
}
.line{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	height: 10px;
	z-index: 20;
}

.nav-bar .arrow{
	background-image: url('../../static/images/back-white2.png');
	background-size: 55%;
}
.nav-bar .arrow.opacity{
	opacity: 0;
}
.nav-bar .rule{
	padding-right: 0.3rem;
	font-size: 0.25rem;
	text-align: right;
	color: #fff;
}

.back-choice{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 0.35rem;
	color: #2E3A4D;
	h1{
		font-size: 0.34rem;
		font-weight: 500;
	}
	span{
		font-size: 0.26rem;
		display: inline-block;
		padding-right: 0.4rem;
		position: relative;
		&.down{
			&:after{
				content:'';
				width: 0;
				height: 0;
				border-top: 5px solid #BCC2CC;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				position: absolute;
				right: 0;
				top: 4px;
			}
		}
		&.up{
			&:after{
				content:'';
				width: 0;
				height: 0;
				border-bottom: 5px solid #BCC2CC;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				position: absolute;
				right: 0;
				top: 4px;
			}
		}
	}
}

.my-invite-code{
	padding: 0.3rem;
	margin: 0.2rem 0.3rem;
	background-color: #fff;
	border-radius: 0.08rem;
	&.tab3{
		margin:0.2rem 0 0 0;
		padding:0;
		.top{
			.left,.right{
				width: 100%;
			}
			.left{
				color: #171A1F;
				font-weight: 500;
			}
			.right{
				margin-top: 0.08rem;
				background-color:#F6F6F6;
			}
		}
	}
}
.my-invite-code .top{
	color: #2E3D4D;
	font-size: 0.25rem;
	overflow: hidden;
}
.my-invite-code .top .left{
	height: 0.44rem;
	line-height: 0.44rem;
	width: 1.6rem;
}
.my-invite-code .top .right{
	height: 0.44rem;
	line-height: 0.44rem;
	border-radius: 0.22rem;
	background-color: #F2F4F7;
	width: 4.6rem;
	box-sizing: border-box;
	padding: 0 0.2rem;
	font-size: 0.22rem;
	display: flex;
	justify-content: space-between;
}
.my-invite-code .top .right span{
	display: block;
	flex-grow: 2;
	max-width: 80%;
}
.my-invite-code .top .right b{
	display: block;
	color: #0080FF;
	flex-grow: 1;
	text-align: right;
}
.my-invite-code .bottom{
	margin-top: 0.3rem;
	height: 0.8rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url('../../static/images/invite-bao.png');
	position: relative;
}
.my-invite-code .bottom div{
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 0.8rem;
	font-size: 0.26rem;
}
.my-invite-code .bottom .ni img{
	width: 0.35rem;
	transform: translateY(-5%);
}
.my-invite-code .bottom .ni-tips{
	width: 220px;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	position: absolute;
	background-color: #1975FF;
	text-align: center;
	color: #fff;
	right: 12%;
	top: 0.86rem;
	&::after{
		content: '';
		width: 0;
		height: 0;
		border-bottom: 8px solid #1975FF;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		position: absolute;
		right: 20px;
		top: -8px;
	}
}


// 新版中文样式
.invite-new{
	overflow: hidden;
	background-color: #080808;
	min-height: 100%;
	.search-box{
		margin: 0.15rem 0.35rem 0 0.35rem;
		background-color: #F6F6F6;
		border-radius: 5px;
		height: 0.65rem;
		line-height: 0.65rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 0.15rem;
		.left{
			display: flex;
			justify-content: flex-start;
			align-items:center;
			width: 75%;
		}
		.right{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			span.close{
				display: inline-block;
				height: 0.65rem;
				width: 0.65rem;
				background-image: url('../../static/images/card-close.png');
				background-size: 50% 50%;
				background-repeat: no-repeat;
				background-position:center center;
				opacity: 0.55;
			}
			b{
				height: 0.65rem;
				line-height: 0.7rem;;
				display: inline-block;
				padding: 0 12px 0 5px;
				width: 30px;
				font-weight: 500;
				text-align: right;
			}
		}
		img{
			width: 0.4rem;
			margin:0 0.15rem 0 0.2rem;
		}
		input{
			width: 100%;
			height: 0.65rem;
			line-height: 0.65rem;
			background:none;
			font-size: 0.23rem;
		}
	}
	.nav-bar{
		.rule{
			opacity: 0.79;
		}
	}
	.desc2{
		font-size: 11px;
		text-align: center;
		color: #999;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0.5rem;
		padding: 0 30px;
		line-height: 1.2;
	}
	.user-info2{
		overflow: hidden;
		padding: 0.1rem 0;
		display: flex;
		justify-content: space-between;
		align-items:center;
		.head-img{
			padding-left: 0.3rem;
			color: #fff;
			width: 4rem;
			img{
				width: 1rem;
				height: 1rem;
				border-radius:50%;
				border:2px solid #fff;
				float: left;
				margin-right: 0.2rem;
			}
			h3{
				font-size: 0.32rem;
				padding-top: 0.2rem;
			}
			h4{
				font-size: 0.22rem;
				padding-top: 0.15rem;
				span{
					opacity: 0.8;
				}
			}
		}
		.transfer{
			padding-right: 0.3rem;
			span{
				color: #F6F6F6;
				font-size: 0.22rem;
				background-color: rgba(126, 130, 137, .4);
				border-radius:3px;
				display: inline-block;
				padding: 8px 10px;
			}
		}
	}
	.rebate-info-title{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 0 0.3rem;
		margin-top: 0.35rem;
		.balance{
			text-align: right;
		}
		p{
			b{
				font-size: 0.32rem;
				color: #fff;
				font-weight: 500;
			}
			span{
				color: #9DA3AD;
				padding-bottom: 0.2rem;
				font-size: 0.22rem;
			}
			a{
				width: 0.3rem;
				height: 0.3rem;
				display: inline-block;
				background-image:url('../../static/images/eye_close.png');
				background-size:100%;
				margin-left: 0.15rem;
				transform: translateY(10%);
			}
			a.noSee{
				background-image:url('../../static/images/eye_open.png');
			}
			&:nth-child(1){
				padding-bottom: 0.15rem;
			}
		}
	}
	.main-fixed{
		background-color: #fff;
		padding: 0.45rem 0;
		border-top-left-radius: 0.32rem;
		border-top-right-radius: 0.32rem;
		position:fixed;
		left: 0;
		right: 0;
		bottom: 0;
		.bd{
			overflow-x: scroll;
			overflow-y: hidden;
			padding-top: 2px;
			margin-left: 0.35rem;
			margin-right: 0.35rem;
			&::-webkit-scrollbar {
  				display: none;
			}
			.bd-scroll{
				overflow: hidden;
				width: 115%;
				&::-webkit-scrollbar {
  					display: none;
				}
			}
			&.en{
				li{
					font-size: 0.285rem;
					margin-right: 0.4rem;
				}
			}
			li{
				float: left;
				color: #7E8289;
				font-size: 0.295rem;
				margin-right:0.35rem;
				padding-bottom: 0.2rem;
				margin-bottom: 0.2rem;
				position:relative;
				width: auto;
				&:last-child{
					margin-right: 0;
				}
				&.on{
					color: #10141A;
					font-weight: 500;
					&:after{
						content: '';
						height: 2px;
						width: 16px;
						position:absolute;
						left: 50%;
						transform:translateX(-50%);
						bottom:0.1rem;
						background-color: #171A1F;
					}
				}
			}
		}
		.rebate-list-info{
			overflow: hidden;
			padding: 2px 0;
			margin-bottom: 0.52rem;
			.ele{
				overflow: hidden;
				dl{
					float: left;
					width: 2rem;
					margin-top: 0.24rem;
					dt{
						color: #9FA6B0;
						font-size: 0.22rem;
						padding-bottom: 0.13rem;
					}
					dd{
						color: #171A1F;
						font-size: 0.3rem;
						font-weight: 500;
					}
					&:first-child{
						width: 2.55rem;
					}
					&:last-child{
						float: right;
						text-align: right;
					}
				}
			}
			.all{
				p{
					&:nth-child(2){
						color: #9DA3AD;
						font-size: 0.22rem;
						padding-top:0.1rem;
					}
				}
			}
			.info{
				color: #171A1F;
				font-size: 0.25rem;
				overflow: hidden;
				margin-bottom: 0.4rem;
				&.big{
					font-size: 0.285rem;
				}
			}
			.scroll-list{
				overflow: hidden;
				width: 12.2rem;
				.item{
					overflow: hidden;
					color: #171A1F;
					opacity: 0.75;
					li{
						padding:12px 0;
						&.tab3.on,&.tab4.on,&.tab6.on{
							color: #3270d8 !important;
						}
					}
					&.en{
						li{
							width: 2rem;
						}
					}
				}
				&.en{
					width: 16.5rem;
				}
				&.ja{
					width: 13rem;
				}
			}
			&.total{
				.ele{
					&:nth-child(2){
						margin-top: 0.05rem;
					}
				}
			}
			&.fixed{
				position:absolute;
				left: 2.25rem;
				right: 0.35rem;
				bottom: 0.7rem;
				top: 4.68rem;
				overflow: scroll;
				padding-bottom: 15px;
			}
		}
		.rebate-info-body{
			li{
				width: 1.6rem;
				&:last-child{
					text-align: right;
				}
			}
			.tab1{ width: 1.6rem; }
			.tab2{ width: 1.6rem; }
			overflow: hidden;
			padding: 0 0.35rem;
			.time-btn{
				padding: 0.2rem 0;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				i{
					margin-left: 10px;
					border-top:5px solid #BCC2CC;
					border-left:5px solid transparent;
					border-right:5px solid transparent;
					display: inline-block;
					&.on{
						transform: rotate(-180deg);
					}
				}
			}
			.title-fixed{
				height: 0.24rem;
				font-size: 0.22rem;
				color: #9FA5B0;
				padding-bottom:0.2rem;
				position:relative;
				span{
					transform: translateY(2px);
					display: block;
					float: left;
				}
				img{
					height: 13px;
					float: left;
					transform: translateY(1px);
					opacity: 0.8;
					margin-left: 3px;
				}
				&::after{
					content: '';
					position:absolute;
					left: 0;
					bottom: 0;
					right: 0;
					height: 1px;
					background: #E1E3E6;
					transform:scaleY(0.5);
				}
			}
			.title{
				margin-top: -0.44rem;
				height: 0.24rem;
				font-size: 0.22rem;
				color: #9FA5B0;
				overflow: hidden;
				position:relative;
				padding-bottom:0.2rem;
				margin-left: 1.9rem;
				&::after{
					content: '';
					position:absolute;
					left: 0;
					bottom: 0;
					right: 0;
					height: 1px;
					background: #E1E3E6;
					transform:scaleY(0.5);
				}
				.scroll-title{
					width: 12.2rem;
					overflow: hidden;
					padding: 2px 0;;
					position: absolute;
					top:0;
					left:0;
					&.ja{
						width: 13rem;
					}
					&.en{
						width: 16.5rem;
						li{
							width: 2rem;
						}
					}
				}
			}
			.rebate-list-fixed{
				overflow: hidden;
				position: absolute;
				top: 4.7rem;
				left: 0.35rem;
				width: 1.6rem;
				bottom: 1.3rem;
				.rebate-list-fixed-scroll{
					position:absolute;
					overflow: hidden;
					left: 0;
					top: 0;
					right: 0;
				}
				li{
					width: 100%;
					float: left;
					padding: 12px 0;
					text-align: left;
					// color:#2AAD70;
				}
			}
			li{
				float: left;
				&.all{
					width: 2.5rem;
				}
				&.trade-num{
					float: right;
					max-width: 3rem;
				}
				&.mid{
					padding-top:0.18rem;
				}
			}
		}
		.rebate-log{
			.rebate-log-title{
				padding: 0.2rem 0.35rem;
				span{
					color: #7E8289;
					padding-right: 0.3rem;
					position: relative;
					margin-right: 10px;
					i{
						background-color: red;
						font-style: normal;
						color: #fff;
						border-radius: 50%;
						width: 5px;
						height: 5px;
						text-align: center;
						display: inline-block;
						position: absolute;
						right: 0.21rem;
						top: -0.03rem;
						&.big{
							line-height: 9px;
						}
					}
					&.on{
						color: #171A1F;
						font-weight: 500;
					}
				}
			}
			.items-content{
				position: absolute;
			    left: 0.35rem;
			    right: 0;
			    padding-right: 0.35rem;
			    bottom: 1rem;
			    top: 1.9rem;
			    overflow: hidden;
			    overflow-y: scroll;
			    .items{
			    	overflow: hidden;
			    	padding-bottom: 0.4rem;
			    	padding-top: 0.2rem;
			    	.items-title{
			    		font-weight: 600;
			    		color: #171A1F;
			    		font-size: 0.285rem;
			    		margin-top: 0.1rem;
			    	}
			    	.items-main{
			    		overflow: hidden;
			    		li{
			    			width: 33%;
			    			float: left;
			    			text-align: left;
			    			padding-top: 0.2rem;
			    			p{
			    				color: #9FA6B0;
			    				font-size: 0.22rem;
			    			}
			    			h2{
			    				font-size: 0.28rem;
			    				font-weight: 400;
			    				padding-top: 0.1rem;
			    				span{
			    					font-size: 90%;
			    				}
			    			}
			    			&:nth-child(1){
			    				width: 40%;
			    			}
			    			&:nth-child(2){
			    				width: 30%;
			    				&.ja{
			    					width: 20%;
			    				}
			    			}
			    			&:nth-child(3){
			    				text-align: right;
			    				width: 30%;
			    				float: right;
			    				&.ja{
			    					width: 40%;
			    				}
			    			}
			    			&:nth-child(4){
			    				width: 40%;
			    			}
			    			&:nth-child(5){
			    				width: 30%;
			    			}
			    			&:nth-child(6){
			    				text-align: right;
			    				width: 30%;
			    			}
			    		}
			    	}
			    }
			}
		}
		.extend{
			padding: 0 0.35rem;
		}
		.user-manage{
			overflow: hidden;
			.title{
				font-size: 0.22rem;
				color: #9FA5B0;
				overflow: hidden;
				padding:0.6rem 0.35rem 0.2rem 0;
				margin-left: 0.35rem;
				position:relative;
				&.zh{
					.all{
						width: 2.5rem;
					}
				}
				&::after{
					content:'';
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					height: 1px;
					border-bottom: 1px solid #D3DCE6;
					transform: scaleY(0.5);
					transform-origin: 0 0;
				}
				.rebate{
					width: 1.5rem;
				}
				.remarks{
					float: right;
					text-align: right;
				}
				.ctrl{
					float: right;
				}
			}
			.rebate-list-info{
				.rebate{
					width: 1.5rem;
				}
				.remarks{
					width: 2rem;
				}
				.ctrl{
					float: right;
					color: #3572DB;
					span{
						margin-left: 5px;
						font-size: 90%;
						display: inline-block;
						// margin-bottom: 5px;
					}
				}
			}
			li{
				float: left;
				&.all{
					width: 3.3rem;
				}
				&.trade-num{
					float: right;
					max-width: 3rem;
				}
				&.mid{
					padding-top:0.18rem;
					&.ctrl{
						padding: 0;
						height: 0.56rem;
						display: flex;
						flex-direction: column;
						justify-content: center;
						p{
							&:nth-child(2){
								margin-top: 5px;
							}
						}
					}
				}
			}
		}
		.in-out{
			.in-out-title{
				padding: 0.4rem 0.35rem 0.2rem 0.35rem;
				span{
					color: #7E8289;
					padding-right: 0.3rem;
					position: relative;
					margin-right: 10px;
					i{
						background-color: red;
						font-style: normal;
						color: #fff;
						border-radius: 50%;
						width: 5px;
						height: 5px;
						text-align: center;
						display: inline-block;
						position: absolute;
						right: 0.21rem;
						top: -0.03rem;
						&.big{
							line-height: 9px;
						}
					}
					&.on{
						color: #171A1F;
						font-weight: 500;
					}
				}
			}
			.big-width{
				width: 16.1rem;
			}
			.content{
				position:fixed;
				right: 0.35rem;
				left: 0.35rem;
				bottom: 1.1rem;
				top: 7.2rem;
				display: flex;
				justify-content: space-between;
				align-items:stretch;
				overflow: hidden;
				.title{
					height: 0.24rem;
				    font-size: 0.22rem;
				    color: #9FA5B0;
				    padding-bottom: 0.15rem;
				    position: relative;
				    overflow: hidden;
				    .scroll{
				    	overflow: hidden;
				    	position:absolute;
				    	left: 0;
				    	top:0;
				    }
				    &:after{
				    	content: '';
					    position: absolute;
					    left: 0;
					    bottom: 0;
					    right: 0;
					    height: 1px;
					    background: #E1E3E6;
					    transform: scaleY(0.5);
				    }
				}
				ul{
					&:first-child{
						margin-top: 0.08rem;
					}
				}
				li{
					float: left;
					width: 1.9rem;
					&.tab2{
						width: 2.8rem;
					}
				}
				ul{
					li{
						float: left;
						height: 0.7rem;
						line-height: 0.7rem;
					}
				}
				.content-left{
					height: 100%;
					width: 1.7rem;
					max-width: 1.7rem;
					flex-grow: 0;
					position:relative;
					.box{
						position:absolute;
						left: 0;
						top: 0.4rem;
						right: 0;
						bottom: 0;
						overflow: hidden;
					}
				}
				.content-right{
					height: 100%;
					flex-grow: 1;
					position:relative;
					color: rgba(23, 26, 31, .75);
					.loading{
						transform:translateX(-15%);
						margin-top: 8px;
					}
					.empty2{
						transform: translateX(-15%);
					}
					li{
						&:last-child{
							text-align: right;
						}
					}
					.scroll-box-in-out{
						overflow: hidden;
					}
					.box{
						position:absolute;
						left: 0;
						top: 0.4rem;
						right: 0;
						bottom: 0;
						overflow-y: scroll;
					}
				}
			}
		}
	}
	&.android{
		.main-fixed{
			top: 4rem;
		}
		.user-info2{
			margin-top: 1.25rem;
		}
		.in-out .content{
			top: 7rem;
		}
	}
	&.iphone{
		.main-fixed{
			top: 4.2rem;
		}
		.user-info2{
			margin-top: 1.35rem;
		}
		&.iphoneX{
			.main-fixed{
				top: 4.5rem;
			}
			.user-info2{
				margin-top: 1.6rem;
			}
			.in-out .content{
				top: 7.5rem;
			}
		}	
	}
	&.noSuper{
		.rebate-info-title{
			display: none;
		}
		.main-fixed{
			top: 3rem;
		}
		&.iphoneX{
			.main-fixed{
				top: 3.2rem;
			}
		}
	}
}

.empty2{
	text-align: center;
	img{
		width: 1rem;
		margin-top: 40px;
		margin-bottom: 15px;
	}
	p{
		color: #7E8289;
		font-size: 0.25rem;
	}
}
.empty3{
	text-align: center;
	padding-top:50px;
}
.manage-box{
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	background-color: #fff;
	padding: 0.4rem 0.3rem 0.8rem 0.3rem;
	h1{
		font-size: 0.285rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		strong{
			font-weight: 550;
			color: #171A1F;
		}
		b{
			font-weight: 400;
			color: #3572DB;
			font-size: 0.26rem;
		}
	}
	h2.title{
		font-weight: 400;
		font-size: 0.25rem;
		color: #171A1F;
		padding: 0.5rem 0 0.25rem 0;
	}
	p{
		border-radius: 6px;
		background-color: #F6F6F6;
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
		display: flex;
		justify-content: space-between;
		input{
			height: 40px;
			line-height: 40px;
			background:none;
			width: 90%;
		}
	}
	.btn{
		text-align: center;
		height: 45px;
		line-height: 45px;
		border-radius: 5px;
		color: #fff;
		font-size: 16px;
		background-color: #171A1F;
		margin-top: 40px;
		width: 100%;
	}
	.level-choice{
		border-radius: 5px;
		overflow: hidden;
		li{
			text-align: center;
			width: 33%;
			height: 35px;
			line-height: 35px;
			color: #171A1F;
			overflow: hidden;
			float: left;
			background-color: #F6F6F6;
			&.on{
				background-color: #171A1F;
				color: #fff;
				border-radius:5px;
			}
		}
	}
}

.item3{
	overflow: hidden;
	color: #171A1F;
	font-size: 0.26rem;
	padding: 0.08rem 0.12rem 0.08rem 0.35rem;
	div{
		height: 0.7rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		float: left;
	}
	.edit{
		width: 20px;
		height: 14px;
		line-height: 14px;
		padding-top: 2px;
		display: inline-block;
		text-align: center;
		margin-left: 3px;
		svg{
			width: 14px;
			height: 14px;
		}
	}
	.item3-uid{
		position:relative;
		box-sizing: border-box;
		padding-left: 22px;
		padding-right: 8px;
		h4{
			font-weight: 500;
			padding-bottom: 4px;
			padding-top: 2px;
		}
		&.hasDown{
			&:before{
				content: '';
				width: 12px;
				height: 12px;
				background-image: url('../../static/images/rebate-arrow-up.png');
				background-position: center center;
				background-size: 90%;
				background-repeat: no-repeat;
				position:absolute;
				left: 3px;
				top: 50%;
				transform: translateY(-50%) rotate(0);
			}
			&.on{
				&:before{
					transform:translateY(-50%) rotate(-180deg);
				}
			}
		}
	}
	.item3-rebate{
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}
	.item3-remarks{
		float: right;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		.edit{
			margin-left: 3px;
			background-size: 70%;
		}
		span{
			max-width: 1.2rem;
			display: inline-block;
			padding: 3px 0;
		}
	}
	i.level{
		font-style: normal;
	}
	.small10{
		font-size: 0.22rem;
	}
	&.dark{
		background-color: #F6F6F6;
		i.level{
			color: #2AAD70;
		}
	}
}

.loading{
	text-align: center;
	font-size: 13px;
	color: #999;
	padding: 5px 0;
	img{
		width: 13px;
		margin-right: 3px;
		opacity: 0.72;
	}
}

.edit-left-slide{
	width: 80px;
	height: 80px;
	position:fixed;
	left: 0px;
	bottom: 0px;
}
.edit-right-slide{
	width: 80px;
	height: 80px;
	position:fixed;
	right: 0px;
	bottom: 0px;
}

$color1:#C1C1C1;
$color2:#8a8a8a;
$color3:#5c5d5e;
$line:#242424;
$btn:#181818;
.wraper{
	// 暗黑版
	&.theme-dark{
		background-color: #0F1011;
		.invite-new{
			background-color: #171A1F;
			.main-fixed .rebate-info-body .time-btn b{color: $color1;}
			.main-fixed .rebate-list-info .ele dl dt{ color: $color3; }
			.main-fixed .rebate-list-info .ele dl dd{ color: $color1; }
			.main-fixed .rebate-info-body li{color: $color3;}
			.main-fixed .rebate-info-body .title::after{background: $line;}
			.main-fixed .rebate-info-body .title-fixed::after{background: $line;}
			.main-fixed .rebate-list-info .scroll-list .item li{color: $color1;}
			.main-fixed .rebate-info-body .rebate-list-fixed li{color: $color1 !important;}
			.main-fixed .rebate-info-body .title-fixed span{color: $color3;}
			.main-fixed .rebate-log .rebate-log-title span{
				color: $color3;
				&.on{
					color: $color1;
				}
			}
			.main-fixed .rebate-log .items-content .items .items-main li{
				p{
					color: $color3;
				}
				h2{
					color: $color1;
				}
			}
			.main-fixed .rebate-log .items-content .items .items-title{
				color: $color1;
			}
			.item3 div{
				color: $color1;
			}
			.item3.dark{
				background: none;
			}
			.main-fixed .user-manage .title li{
				color: $color3;
			}
			.main-fixed .user-manage .title::after{
				border-bottom: 1px solid $line;
			}
			.my-invite-code{
				// background: none;
			}
			.main-fixed .in-out .in-out-title span{
				color: $color3;
				&.on{
					color: $color1;
				}
			}
			.main-fixed .in-out .content .title li{
				color: $color3;
			}
			.main-fixed .in-out .content .title:after{
				background: $line;
			}
			.main-fixed .in-out .content .title{
				color: $color3;
			}
			.main-fixed .in-out .content .box li{
				color: $color1;
			}
			.my-invite-code .top .right b{
				color: $color1;
			}
			.desc2{
				color: $color3;
			}
			.my-invite-code{
				background: none;
				.top{
					.left{
						color: $color2;
					}
					.right{
						color: $color1;
						background: $btn;
					}
				}
			}
			.back-choice span{
				color: $color2;
			}
			.search-box{
				background: $btn;
				input{
					color: $color1;
				}
				.right{
					b{
						color: $color3;
					}
				}
			}
			.rebate-info-title{
				p{
					span{
						color: $color3;
					}
					b{
						color: $color1;
					}
				}
			}
			.user-info2{
				.head-img{
					h3,h4{
						color: $color1;
					}
				}
			}
			.main-fixed{
				background-color:#0F1011;
				.bd{
					li{
						color: $color3;
						&.on{
							color: $color1;
						}
					}
				}
			}
		}
	}
}

